<!DOCTYPE html>

<html lang="en">

<head>

    <title>宿舍监控系统</title>

    <meta charset="UTF-8"/>

    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

    <link rel="stylesheet" href="../static/css/bootstrap.min.css"/>

    <link rel="stylesheet" href="../static/css/bootstrap-responsive.min.css"/>

    <link rel="stylesheet" href="../static/css/fullcalendar.css"/>

    <link rel="stylesheet" href="../static/css/matrix-style.css"/>

    <link rel="stylesheet" href="../static/css/matrix-media.css"/>

    <link href="../static/font-awesome/css/font-awesome.css" rel="stylesheet"/>

    <!-- <link rel="stylesheet" href="css/jquery.gritter.css" /> -->


</head>

<body>


<!--Header-part-->

<div id="header">

    <h1><a href="{{ url_for('mainForm') }}">宿舍监控系统</a></h1>

</div>


<!--close-Header-part-->


<!--top-Header-menu-->

<div id="user-nav" class="navbar navbar-inverse">

    <ul class="nav">

        <li class="dropdown" id="profile-messages"><a title="" href="#" data-toggle="dropdown"
                                                      data-target="#profile-messages" class="dropdown-toggle"><i
                class="icon icon-user"></i> <span class="text"> <strong>郭家蔚，</strong>早上好！ </span><b
                class="caret"></b></a>

            <ul class="dropdown-menu">

                <li><a href="{{ url_for('infoForm') }}"><i class="icon-user"></i> 个人信息</a></li>

                <li class="divider"></li>

                <li><a href="{{ url_for('scheduleForm') }}"><i class="icon-check"></i> 日程管理</a></li>

                <li class="divider"></li>

                <li><a href="{{ url_for('quit') }}"><i class="icon-key"></i> 退出</a></li>

            </ul>

        </li>

        <li class="dropdown" id="menu-messages"><a href="#" data-toggle="dropdown" data-target="#menu-messages"
                                                   class="dropdown-toggle"><i class="icon icon-envelope"></i> <span
                class="text">消息</span> <span class="label label-important">5</span> <b class="caret"></b></a>

            <ul class="dropdown-menu">

                <li><a class="sAdd" title="" href="#"><i class="icon-plus"></i> 新消息</a></li>

                <li class="divider"></li>

                <li><a class="sInbox" title="" href="#"><i class="icon-envelope"></i> 收件箱</a></li>

                <li class="divider"></li>

                <li><a class="sOutbox" title="" href="#"><i class="icon-arrow-up"></i> 发件箱</a></li>

                <li class="divider"></li>

                <li><a class="sTrash" title="" href="#"><i class="icon-trash"></i> 回收站</a></li>

            </ul>

        </li>

        <li class=""><a title="" href="#"><i class="icon icon-cog"></i> <span class="text">设置</span></a></li>

        <li class=""><a title="" href="{{ url_for('quit') }}"><i class="icon icon-share-alt"></i> <span
                class="text">退出</span></a>
        </li>

    </ul>

</div>

<!--close-top-Header-menu-->

<!--start-top-serch-->

<div id="search">

    <input type="text" placeholder="搜索框"/>

    <button type="submit" class="tip-bottom" title="Search"><i class="icon-search icon-white"></i></button>

</div>

<!--close-top-serch-->

<!--sidebar-menu-->

<div id="sidebar"><a href="#" class="visible-phone"><i class="icon icon-home"></i> 主页</a>

    <ul>

        <li class="active"><a href="{{ url_for('mainForm') }}"><i class="icon icon-home"></i> <span>主页</span></a></li>

        <li><a href="{{ url_for('infoForm') }}"><i class="icon icon-user"></i> <span>个人信息</span></a></li>

        <li><a href="{{ url_for('managementForm') }}"><i class="icon icon-user"></i> <span>用户管理</span></a></li>

        <li><a href="{{ url_for('chartsForm') }}"><i class="icon icon-signal"></i> <span>数据报告</span></a></li>

        <li><a href="{{ url_for('videoForm') }}"><i class="icon icon-inbox"></i> <span>监控管理</span></a></li>

        <li><a href="{{ url_for('registerForm') }}"><i class="icon icon-inbox"></i> <span>报寝管理</span></a></li>

        <li><a href="{{ url_for('scheduleForm') }}"><i class="icon icon-calendar"></i> <span>日程管理</span></a></li>

        <li class="content"><span>磁盘用量</span>

            <div class="progress progress-mini active progress-striped">

                <div style="width: 87%;" class="bar"></div>

            </div>

            <span class="percent">87%</span>

            <div class="stat">3480 / 4000 MB</div>

        </li>

    </ul>

</div>

<!--sidebar-menu-->


<!--main-container-part-->

<div id="content">

    <!--breadcrumbs-->

    <div id="content-header">

        <div id="breadcrumb"><a href="{{ url_for('mainForm') }}" title="Go to Home" class="tip-bottom"><i
                class="icon-home"></i> 主页</a></div>

    </div>

    <!--End-breadcrumbs-->


    <!--Action boxes-->

    <div class="container-fluid">

        <div class="quick-actions_homepage">

            <ul class="quick-actions">

                <li class="bg_lb"><a href="{{ url_for('managementForm') }}"> <i class="icon-user"></i> 用户管理</a></li>

                <li class="bg_lg span3"><a href="{{ url_for('chartsForm') }}"> <i class="icon-signal"></i>数据报告</a></li>

                <li class="bg_ly"><a href="{{ url_for('developingForm') }}"> <i class="icon-folder-open"></i><span
                        class="label label-success">101</span>资源共享</a></li>

                <li class="bg_lo"><a href="{{ url_for('registerForm') }}"> <i class="icon-map-marker"></i> 报寝管理</a></li>

                <li class="bg_ls"><a href="{{ url_for('developingForm') }}"> <i class="icon-lock"></i>门禁管理</a></li>

                <li class="bg_lo span3">
                    <a href="{{ url_for('videoForm') }}"> <i class="icon-facetime-video"></i>监控管理</a>

                </li>


                <li class="bg_ls"><a href="{{ url_for('developingForm') }}"> <i class="icon-comment"></i><span
                        class="label label-important">20</span>未读消息</a></li>

                <li class="bg_lb"><a href="{{ url_for('developingForm') }}"> <i class="icon-bolt"></i>电费缴纳</a></li>

                <li class="bg_lg"><a href="{{ url_for('scheduleForm') }}"> <i class="icon-calendar"></i>日程管理</a></li>

                <li class="bg_lr"><a href="{{ url_for('developingForm') }}"> <i class="icon-info-sign"></i>异常检测</a></li>


            </ul>

        </div>

        <!--End-Action boxes-->


        <!--Chart-box-->

        <div class="row-fluid">

            <div class="widget-box">

                <div class="widget-title bg_lg"><span class="icon"><i class="icon-signal"></i></span>

                    <h5>宿舍信息</h5>

                </div>

                <div class="widget-content">

                    <div class="row-fluid">

                        <div class="span9">

                            {#                            <div class="chart"></div>#}
                            <img src="../static/img/temperature.png">

                        </div>

                        <div class="span3">

                            <ul class="site-stats">

                                <li class="bg_lh">
                                    <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-users"
                                         width="100" height="100" viewBox="0 0 24 24" stroke-width="2.5"
                                         stroke="#ffffff" fill="none" stroke-linecap="round" stroke-linejoin="round">
                                        <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                                        <circle cx="9" cy="7" r="4"/>
                                        <path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2"/>
                                        <path d="M16 3.13a4 4 0 0 1 0 7.75"/>
                                        <path d="M21 21v-2a4 4 0 0 0 -3 -3.85"/>
                                    </svg>
                                    <strong>4</strong>
                                    <small>宿舍成员</small>
                                </li>

                                <li class="bg_lh">
                                    <svg xmlns="http://www.w3.org/2000/svg"
                                         class="icon icon-tabler icon-tabler-droplet-filled-2" width="100" height="100"
                                         viewBox="0 0 24 24" stroke-width="2.5" stroke="#ffffff" fill="none"
                                         stroke-linecap="round" stroke-linejoin="round">
                                        <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                                        <path d="M6.8 11a6 6 0 1 0 10.396 0l-5.197 -8l-5.2 8z"/>
                                        <path d="M6 14h12"/>
                                        <path d="M7.305 17.695l3.695 -3.695"/>
                                        <path d="M10.26 19.74l5.74 -5.74l-5.74 5.74z"/>
                                    </svg>
                                    <strong>40%</strong>
                                    <small>饮水机水量</small>
                                </li>

                                <li class="bg_lh">
                                    <svg xmlns="http://www.w3.org/2000/svg"
                                         class="icon icon-tabler icon-tabler-temperature" width="130" height="130"
                                         viewBox="0 0 24 24" stroke-width="2.5" stroke="#ffffff" fill="none"
                                         stroke-linecap="round" stroke-linejoin="round">
                                        <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                                        <path d="M10 13.5a4 4 0 1 0 4 0v-8.5a2 2 0 0 0 -4 0v8.5"/>
                                        <line x1="10" y1="9" x2="14" y2="9"/>
                                    </svg>
                                    <strong>20℃ </strong>
                                    <small>当前温度</small>
                                </li>

                                <li class="bg_lh">
                                    <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-ripple"
                                         width="100" height="100" viewBox="0 0 24 24" stroke-width="2.5"
                                         stroke="#ffffff" fill="none" stroke-linecap="round" stroke-linejoin="round">
                                        <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                                        <path d="M3 7c3 -2 6 -2 9 0s6 2 9 0"/>
                                        <path d="M3 17c3 -2 6 -2 9 0s6 2 9 0"/>
                                        <path d="M3 12c3 -2 6 -2 9 0s6 2 9 0"/>
                                    </svg>
                                    <strong>60%</strong>
                                    <small>当前湿度</small>
                                </li>


                            </ul>

                        </div>

                    </div>

                </div>

            </div>

        </div>

        <!--End-Chart-box-->

        <div class="row-fluid">

            <div class="span12">


                <div class="widget-box">

                    <div class="widget-title"><span class="icon"><i class="icon-ok"></i></span>

                        <h5>待办事项</h5>

                    </div>

                    <div class="widget-content">

                        <div class="todo">

                            <ul>

                                <li class="clearfix">

                                    <div class="txt">软件工程项目答辩 <span class="date badge badge-warning">今天</span></div>

                                    <div class="pull-right"><a class="tip" href="#" data-original-title="Edit Task"><i
                                            class="icon-pencil"></i></a> <a class="tip" href="#"
                                                                            data-original-title="Delete"><i
                                            class="icon-remove"></i></a></div>

                                </li>

                            </ul>

                        </div>

                    </div>

                </div>


            </div>


        </div>

        <div class="row-fluid">
            <div class="span12">
                <div class="widget-box">

                    <div class="widget-title"><span class="icon"><i class="icon-repeat"></i></span>

                        <h5>门禁记录</h5>

                    </div>

                    <div class="widget-content nopadding">

                        <ul class="activity-list">

                            <li><a href="#"> <i class="icon-user"></i> <strong>郭家蔚 </strong>进入寝室 <span>2小时前</span> </a>
                            </li>

                            <li><a href="#"> <i class="icon-user"></i> <strong>吕思远 </strong>进入寝室 <span>9小时前</span> </a>
                            </li>
                            <li><a href="#"> <i class="icon-remove-sign"></i> <strong> <font color="red"> 异常行为 </font>
                            </strong> <strong> 无权限卡</strong> <span>8小时前</span> </a></li>

                            <li><a href="#"> <i class="icon-user"></i> <strong>袁龙 </strong>进入寝室 <span>8小时前</span> </a>
                            </li>
                        </ul>

                    </div>

                </div>
            </div>
        </div>

    </div>

</div>


<!--end-main-container-part-->


<!--Footer-part-->


<div class="row-fluid">

    <div id="footer" class="span12"> 2021 · 宿舍监控系统 · ⓒ添砖java</div>

</div>


<!--end-Footer-part-->


<script src="../static/js/excanvas.min.js"></script>

<script src="../static/js/jquery.min.js"></script>

<script src="../static/js/jquery.ui.custom.js"></script>

<script src="../static/js/bootstrap.min.js"></script>

<script src="../static/js/jquery.flot.min.js"></script>

<script src="../static/js/jquery.flot.resize.min.js"></script>

<script src="../static/js/jquery.peity.min.js"></script>

<script src="../static/js/fullcalendar.min.js"></script>

<script src="../static/js/matrix.js"></script>

<script src="../static/js/matrix.dashboard.js"></script>

<!-- <script src="js/jquery.gritter.min.js"></script>  -->

<script src="../static/js/matrix.interface.js"></script>

<script src="../static/js/matrix.chat.js"></script>

<script src="../static/js/jquery.validate.js"></script>

<script src="../static/js/matrix.form_validation.js"></script>

<script src="../static/js/jquery.wizard.js"></script>

<script src="../static/js/jquery.uniform.js"></script>

<script src="../static/js/select2.min.js"></script>

<script src="../static/js/matrix.popover.js"></script>

<script src="../static/js/jquery.dataTables.min.js"></script>

<script src="../static/js/matrix.tables.js"></script>


<script type="text/javascript">

    // This function is called from the pop-up menus to transfer to

    // a different page. Ignore if the value returned is a null string:

    function goPage(newURL) {


        // if url is empty, skip the menu dividers and reset the menu selection to default

        if (newURL != "") {


            // if url is "-", it is this page -- reset the menu:

            if (newURL == "-") {

                resetMenu();

            }

            // else, send page to designated URL

            else {

                document.location.href = newURL;

            }

        }

    }


    // resets the menu selection upon entry to this page:

    function resetMenu() {

        document.gomenu.selector.selectedIndex = 2;

    }

</script>

</body>

</html>

